<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>户型简介</title>
		<link rel="stylesheet" type="text/css" href="../css/reset.css" />
		<link rel="stylesheet" type="text/css" href="../css/swiper.min.css" />
		<link rel="stylesheet" type="text/css" href="../css/commno/common.css" />
		<link rel="stylesheet" type="text/css" href="../css/Family.css" />
	</head>

	<body>
		<div class="header">
			<div class="logo">
				<div class="logoImg">
					<a href="index.html"><img src="../img/logo.png" /></a>
				</div>
			</div>
			<!--导航栏-->
			<ul class="nav clearfix">
				<li class="fl">
					<a href="company's.html">集团简介</a>
				</li>
				<li class="fl">
					<a href="Family.html">户型介绍</a>
					<ul class="groupResume">
						<li>
							<a href="second/intro.html">株洲小巨蛋</a>
						</li>
						<li>
							<a href="second/overall.html">总体规划</a>
						</li>
						<li>
							<a href="second/Fair.html">展贸中兴</a>
						</li>
						<li>
							<a href="second/zone.html">区位介绍</a>
						</li>
						<li>
							<a href="second/dispatching.html">配送中心</a>
						</li>
						<li>
							<a href="second/International.html">国际公寓</a>
						</li>
						<li>
							<a href="second/Phase.html">二期发展</a>
						</li>
					</ul>
				</li>
				<li class="fl">
					<a href="">户型介绍</a>
				</li>
				<li class="fl">
					<a href="journalism.html">新闻更新</a>
				</li>
				<li class="fl">
					<a href="projects.html">招商信息</a>
				</li>
				<li class="fl">
					<a href="leave.html">留言联系</a>
				</li>
				<li class="fl clearfix">
					<a href="blogroll.html">友情联系</a>
				</li>
			</ul>
			<div class="img">
				<img src="../img/hx.jpg" alt="" />
			</div>
		</div>
		<section class="main">
			<div class="text">
				<h2>户型简介</h2>
				<h4>Unit Introduction</h4>
				<p>（＊可移动鼠标点选不同的户型介绍）</p>
			</div>
			<div class="house">
				<img src="../img/huxing.png" />

				<div class="yinyi">
					<label for="check"><div class="one">服<br />饰<br />厅<br />类<br />型</div></label>
					<div class="two"></div>
					<div class="three"></div>
					<div class="four"></div>
					<div class="fiv"></div>
					<div class="six"></div>
					<div class="seven"></div>
					<div class="entin"></div>
					<div class="ingh"></div>
				</div>
				<label for="check">
					<div class="yiner">
						<div>商场旗舰店</div>
					</div>
				</label>
				<label for="check">
				<div class="yinsan">
					<div>公<br />寓<br />户<br />型</div>
				</div>
				</label>
				<label for="check">
				<div class="yinsi">
					<div>餐饮娱乐</div>
				</div>
				</label>

			</div>
			<input type="checkbox" id="check" />
			<div class="bj">
				<span class="back">&lt;</span>
					<span class="next">&gt;</span>
			</div>
			<div class="kv">
					<!--图片区-->
					<ul class="swiper-wrapper">
						<li class="swiper-slide">
							<a href=""><img src="../img/apartment.jpg" /></a>
						</li>
						<li class="swiper-slide">
							<a href=""><img src="../img/costume.jpg" /></a>
						</li>
						<li class="swiper-slide">
							<a href=""><img src="../img/flagship.jpg" /></a>
						</li>
						<li class="swiper-slide">
							<a href=""><img src="../img/food.jpg" /></a>
						</li>
					</ul>
					
					<div class="x clearfix">
						<span class="pin">平面示意图</span>
						<label for="check"><span class="fr">x</span></label>
					</div>
					
				</div>
			
		</section>
		<footer class="footer">
			<ul>
				<li><img src="../img/China.png" alt="" /></li>
				<li>中国</li>
				<li>隐私政策</li>
				<li>使用条款</li>
				<li class="footer_Two">COPYRIGHT © 1996-2013 RFC COMMUNICATION TECHNOLOGY CO.LTD.ALL R</li>
			</ul>
		</footer>
		<script src="../js/swiper.min.js"></script>
		<script type="text/javascript">
			var kv = new Swiper(".kv", {
				//循环轮播
				loop: true,
				navigation: {
					nextEl: '.next',
					prevEl: '.back',
				},
			})
		</script>
	</body>

</html>